<template>
    <div class="goods">
        <goods-list-item v-for="(item,index) in goods"
         :key="index" 
         :goods-item='item'>
          </goods-list-item>
    </div>
</template>

<script>
import goodsListItem from './goodsListItem.vue'

export default {
    name:'goods',
    components:{
        goodsListItem
    },
    props:{
        goods:Array
    }
}
</script>

<style scoped>
 .goods {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-evenly;
     /*padding: 2px;*/
 }
</style>